<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="/common/pages/taglibs.jsp"%>
<%@include file="/common/pages/common.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/common/css/zTreeStyle/zTreeStyle.css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/common/js/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/iccard/js/rechargecard_out.js"></script>
<title>user list</title>
</head>
<body>
	<input value="<%=basePath%>" id="contextPath" type="hidden"/>
	<div class="easyui-panel" style="padding: 2px;border:1px solid #ddd;" title="卡出库管理" data-options="">
	<br>	
	<table width="80%">
		<tr>
			<td colspan=2 style="padding: 0px 0px 0px 20px">
				卡号：<input name="cardNum" id="cardNum" value="${cardNum }" > <a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-search'" onclick="javascript:searchKey();" >搜索</a>
			</td>
			<td>
			待出库号码：
			</td>
		</tr>
      	<tr>
          <td width="42%" align="right">
          	<select multiple="multiple" style="width: 100%;height: 250px;" id="inlist"></select>
          </td>
          <td width="16%">
          	<div align="center">
          	<a href="#" class="easyui-linkbutton" onclick="javascript:swap('inlist','outlist');return false;">==>>(选择)</a><br><br>
          	<a href="#" class="easyui-linkbutton" onclick="javascript:swap('outlist','inlist');return false;"><<==(移除)</a><br><br>
          	<a href="#" class="easyui-linkbutton" onclick="javascript:rTol();return false;">==>>(全部选中)</a><br><br>
          	<a href="#" class="easyui-linkbutton" onclick="javascript:lTor();return false;"><<==(全部移除)</a><br>
          	</div>
          </td>
          <td width="42%" align="left">
          	<select multiple="multiple" style="width: 100%;height: 250px;" id="outlist">
          	</select>
           </td>
       </tr>
       <tr height="40px">
			<td colspan=3 align="right" style="padding: 0px 20px 0px 0px">
				领用人：<select id="listOpByRole"style="width: 120px;"></select>
			</td>
		</tr>
		<tr>
			<td colspan=3 align="center">
				<a href="#" class="easyui-linkbutton" onclick="javascript:outbound();return false;">确定</a>
			</td>
		</tr>
		
	</table>
     <br>   	
	</div>
</body>
</html>